<template>
  <div class="directory">
    <ol>
      <li v-for="item in pageList" :key="item.name" @click="goToUrl(item.path)">{{ item.meta.title }}</li>
    </ol>
  </div>
</template>

<script setup lang="ts">
import router from '/@/router';
import { pageList } from '/@/router/page';

const goToUrl =(url:string)=>{
    router.push(url)
}
</script>

<style lang="scss" scoped>
.directory {
  background: #fff;
  padding: 20px;
  margin: 0;
  height: 100%;
  text-align: start;
  ol{
    li{
        margin-top: 10px;
        cursor: pointer;
    }
  }
}
</style>
